<!--
  功能：服务状态
  作者：menghao.yan
  邮箱：yxs2615@163.com
  时间：2023年08月05日 13:02:50
-->
<template>
  <a-tabs v-model:activeKey="activeKey" type="card" class="y-tabs">
    <a-tab-pane key="fuWuZhuangTai" tab="服务状态">
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">同步服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">Windows共享服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">FCSAN服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">SNMP服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">IPSAN服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
      <a-row justify="center" align="center">
        <a-col :span="4">
          <div class="y-fuWuZhuangTai-title">Unix共享服务:</div>
        </a-col>
        <a-col :span="6">
          <div class="y-fuWuZhuangTai-msg">
            <a-space>
              <span>开机启动</span>
              <a-button danger>
                <template #icon>
                  <poweroff-outlined /></template>
                禁止
              </a-button>
            </a-space>
          </div>
        </a-col>
      </a-row>
    </a-tab-pane>
  </a-tabs>
</template>

<script setup>
const activeKey = ref('fuWuZhuangTai')
</script>

<style scoped>
.y-fuWuZhuangTai-title {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
}
.y-fuWuZhuangTai-msg {
  text-align: right;
  font-size: 14px;
}
.ant-row {
  margin-top: 20px;
}
</style>